<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@page language="java" %>

<!--Quick view Block-->
	<script type="text/javascript">
		jQuery(function() {
			var tabContainers = jQuery('div.tabs > div');
			tabContainers.hide().filter(':first').show();
			jQuery('div.tabs ul.tabNavigation a').click(function() {
				tabContainers.hide();
				tabContainers.filter(this.hash).show();
				jQuery('div.tabs ul.tabNavigation a').removeClass('selected');
				jQuery(this).addClass('selected');
				return false;
			}).filter(':first').click();
		});
	</script>
	<!--End Quick view Block-->

	<!--Xu ly hien thi cho Quick view Block-->
	<article style="display:none;">
		<section id="quick-view-container" class="quick-view-wrapper">
			<div class="quick-view-container">
				<div class="quick-view-left">
					<h2>Sunglass RB3184</h2>
					<div class="product-img-box">
						<p class="product-image">
							<img src="<c:url value="/resources/images/sale_icon_img.png" />"
								title="Sale" alt="Sale" class="sale-img" /> <a href="view.html"
								title="Image"><img
								src="<c:url value="/resources/images/quick_view_img.png" />"
								title="Image" alt="Image" /></a>
						</p>
						<ul class="thum-img">
							<li><img
								src="<c:url value="/resources/images/quick_thum_img.png" />"
								title="" alt="" /></li>
							<li><img
								src="<c:url value="/resources/images/quick_thum_img.png" />"
								title="" alt="" /></li>
						</ul>
					</div>
				</div>
				<div class="quick-view-right tabs">
					<ul class="tab-block tabNavigation">
						<li><a class="selected" title="Overview" href="#tabDetail">Overview</a>
						</li>
						<li><a title="Description" href="#tabDes">Description</a></li>
					</ul>
					<div id="tabDetail" class="tabDetail">
						<div class="first-review">Be the first to review this
							product</div>
						<div class="price-box">
							<span class="price">$600.00</span>
						</div>
						<div class="availability">In stock</div>
						<div class="color-size-block">
							<div class="label-row">
								<label><em>*</em> color</label> <span class="required">*
									Required Fields</span>
							</div>
							<div class="select-row">
								<select>
									<option>-- Please Select --</option>
								</select>
							</div>
							<div class="label-row">
								<label><em>*</em> size</label>
							</div>
							<div class="select-row">
								<select>
									<option>-- Please Select --</option>
								</select>
							</div>
						</div>
						<div class="add-to-cart-box">
							<span class="qty-box"> <label for="qty">Qty:</label> <a
								class="prev" title="" href="#"><img alt="" title=""
									src="<c:url value="/resources/images/qty_prev.png" />"></a>
								<input type="text" name="qty" class="input-text qty" id="qty"
								maxlength="12" value="1"> <a class="next" title=""
								href="#"><img alt="" title=""
									src="<c:url value="/resources/images/qty_next.png" />"></a>
							</span>
							<button title="Add to Cart" class="form-button">
								<span>Add to Cart</span>
							</button>
						</div>
					</div>
					<div id="tabDes" class="tabDes">
						<p>Day la phan View</p>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
	</article>
	<!--End Xu ly hien thi cho Quick view Block-->